<template>
    <div class="min-h-screen flex flex-col bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100">
        <!-- 主要内容 -->
        <main class="flex-grow">
  <!-- 添加响应式宽度限制 -->
  <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
    <slot />
  </div>
</main>
    
    </div>
</template>

<script setup>
</script>

<style scoped>
/* 添加暗色模式过渡动画 */
.dark .rounded-lg {
  transition: background-color 0.3s ease;
}
</style>
